<template>
  <div class="main-watermark">
    <el-form inline model="form">
      <el-form-item label="投放状态">
        <el-select
          v-model="form.price_option"
        >
          <el-option label="全部" :value="1" />
          <el-option label="已投放" :value="2" />
          <el-option label="投放/退出失败" :value="2" />
          <el-option label="处理中" :value="2" />
          <el-option label="平台审核中" :value="2" />
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-select
          v-model="form.price_option"
        >
          <el-option label="按商品ID查" :value="1" />
          <el-option label="按商品标题查" :value="2" />
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-input placeholder="请输入搜索内容" />
      </el-form-item>
      <el-button type="primary" @click="onSubmit">搜索</el-button>
      <el-button @click="resetForm">重置</el-button>
    </el-form>
    <el-table>
      <el-table-column
        type="selection"
        width="55"
      />
      <el-table-column
        prop="name"
        label="水印信息"
      />
      <el-table-column
        prop="name"
        label="水印图片"
        width="238"
      />
      <el-table-column
        prop="name"
        label="投放状态"
        width="330"
      />
      <el-table-column
        prop="name"
        label="操作"
        width="230"
      >
        <!-- eslint-disable-next-line -->
        <template slot-scope="scope">
          <div class="">编辑</div>
          <div class="">退出/投放记录</div>
          <div class="">追加投放</div>
          <el-popover
            placement="top-start"
            trigger="hover"
            content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"
          >
            <div slot="reference" class="">
              <div class="">退出并删除水印模板</div>
              <div class="">退出水印(保留模板)</div>
            </div>
          </el-popover>
        </template>
      </el-table-column>
    </el-table>
    <div class="">
      <div style="float: left">
        <el-button>反选</el-button>
        <el-button>批量退出水印</el-button>
        <el-button>批量退出并删除水印</el-button>
        <span>已选0个水印</span>
      </div>
      <el-pagination
        style="float: right;"
        background
        :current-page.sync="currentPage1"
        :page-size="100"
        layout="total, prev, pager, next"
        :total="1000"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
      />

    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        price_option: 0
      }
    }
  }
}
</script>

<style lang="sass" scoped>

</style>
